<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>26. 原子组引用完成替换操作</title>
    </head>
    <body>

    </body>
    <script>
        /*
         * 
         **/
        let hd = `
        <h1>houdunren.com</h1>
        <span>后盾人</span>
        <h2>hdcms.com</h2>
        `
        let reg = /<(h[1-6])>([\s\S]+)<\/\1>/gi;
        // $2 原子组所在顺序 即匹配到第二个原子组内容，第一个原子组匹配标签，第二个原子组匹配内容，结尾标签还是使用第一个原子组
        // console.log(hd.replace(reg,`<p>$2</p>`))
        // hd.replace(reg,(p0,p1,p2)=>{  //数括号
        //     console.log(p0) //<h1>houdunren.com</h1> <h2>hdcms.com</h2>
        //     console.log(p1) //h1  h2
        //     console.log(p2) //houdunren.com  hdcms.com
        // })
        let res = hd.replace(reg, (p0, p1, p2) => { //数括号
            return `<p>${p2}</p>`
        })
        console.log(res)
    </script>
</html>
